const person = {
    name: 'Feliks',
    avatar: 'http://47.109.109.141/avatar.jpg',
    thenme: {
        background: '#000',
        color: 'pink'
    },
    avatarTheme: {
        width: '50px',
        height: '50px',
        borderRadius: '50%'
    }
}

export function TodoList() {
    return (
        <div style={person.thenme}>
            <h3>{person.name}</h3>
            <h1>styled todo list</h1>
            <img
                style={person.avatarTheme}
                src={person.avatar}
                alt={person.name}
            />
            <ul>
                <li>Lorem ipsum dolor sit amet,</li>
                <li>Lorem ipsum dolor sit amet,</li>
                <li>Lorem ipsum dolor sit amet,</li>
            </ul>
        </div>
    )
}
